.jf-tree {
	margin:0;
	padding:5px;
	color: #333;
}
.jf-tree li {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 14px;
	text-align: left;
	white-space: nowrap;
	outline: 0;
}
.jf-tree li span.button {
	line-height: 0;
	margin: 0;
	width: 17px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	border: 0 none;
	cursor: pointer;
	outline: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url("../img/tree.png");
}
.jf-tree li span.button.root-close {background-position: -74px -54px;}
.jf-tree li span.button.root-open {background-position: -92px -54px;}
.jf-tree li span.button.center-close {background-position: -74px -18px;}
.jf-tree li span.button.center-open {background-position: -92px -18px;}
.jf-tree li span.button.bottom-close {background-position: -74px -36px;}
.jf-tree li span.button.bottom-open {background-position: -92px -36px;}
.jf-tree li span.button.center-line {background-position: -56px -18px;}
.jf-tree li span.button.bottom-line{background-position: -56px -36px;}

.jf-tree li span.checkbox {
	line-height: 0;
	padding:0;
	margin: 0;
	min-height:0;
	width: 15px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	border: 0 none;
	cursor: pointer;
	outline: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url("../img/tree.png");
}
.jf-tree li span.checkbox.cb1{background-position: 1px 2px;}
.jf-tree li span.checkbox.cb2{background-position: -13px 2px;}
.jf-tree li span.checkbox.cb3{background-position: 1px -55px;}
.jf-tree li span.checkbox.cb4{background-position: -13px -55px;}

.jf-tree li span{
	line-height: 0;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	border: 0 none;
	cursor: pointer;
	outline: none;
}

.jf-tree li a {
	padding: 1px 3px 0 0;
	margin: 0;
	cursor: pointer;
	height: 17px;
	color: #333;
	background-color: transparent;
	text-decoration: none;
	vertical-align: top;
	display: inline-block;
}
.jf-tree li a:hover{
	color: #428bca;
}
.jf-tree li a i{
	color:#428bca;
	font-size:14px;
	vertical-align: middle;
	margin-right:2px;
}
.jf-tree li a i.fa-folder{
	color:#f0dc70;
}
.jf-tree li ul {
	margin: 0;
	padding: 0 0 0 13px;
}
.jf-tree li ul.line {
	background: url(../img/tree_line.gif) 0 0 repeat-y;
}